<template>
  <el-menu theme="dark" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
    <el-menu-item index="1">金融信息可视化中心</el-menu-item>
    <el-submenu index="2">
      <template slot="title">我的工作台</template>
      <el-menu-item index="2-1">选项1</el-menu-item>
      <el-menu-item index="2-2">选项2</el-menu-item>
      <el-menu-item index="2-3">选项3</el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
  import { mapActions } from 'vuex';
  // import { mapState } from 'vuex'
  export default {
    data() {
      return {
        user: {},
        hasLogin: this.$store.state.user.hasLogin
      };
    },
    computed: { 
      hasLogin() {
        return this.$store.state.login.hasLogin ? this.$store.state.login.hasLogin : this.$store.state.user.hasLogin;
      },
      user() {
        return this.$store.state.user;
      }
    },
    methods: {
      ...mapActions(['enableLogin', 'logOut', 'loginFail']),
      // mapActions(...['enableLogin', 'logOut', 'loginFail']),

      toLogin() {
        // 映射 this.enableLogin() 为 this.$store.dispatch('enableLogin')
        this.enableLogin();
      },
      toLogout() {
        this.logOut();
        this.loginFail();
        this.$router.replace({path: '/'});
      }
    }
  }
</script>

<style>
 
</style>
